<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="/templates/fornecedor.xhtml">

	<ui:define name="menu">
		<ui:include src="/fornecedor/menu.xhtml" />
	</ui:define>

	<ui:define name="conteudo">
		<div id="texto">

			<h2>Inclusão de títulos</h2>
		</div>

		<div style="margin-top: 10px;">

			<p:panel id="pnlConsulta">
				<h:form id="formConsulta">
					<h:panelGrid columns="">
						<h:panelGroup>
							<h:outputText value="CPF / CNPJ : " for="cpfcnpj" />
							<p:inputText value="Teste" id="cpfcnpj" />
							<h:commandButton value="Consultar" action="#"
								style="height: 30px;" />
							<h:outputText />
						</h:panelGroup>
					</h:panelGrid>
				</h:form>
			</p:panel>
			<br />

			<h:form prependId="false">

				<h:inputHidden value="#{fornecedorBean.conta.idConta}" />
				<h:inputHidden value="#{clienteBean.cliente.idCliente}" />

				<p:panel id="pnlDadosCliente">
					<h:panelGrid columns="2">
						<h:outputLabel value="Cliente : " for="cliente" />
						<p:inputText id="cliente" label="Cliente"
							value="#{clienteBean.cliente.razaoSocial}" size="40"
							readonly="true" />

						<h:outputLabel value="E-Mail : " for="email" />
						<p:inputText id="email" label="e-Mail"
							value="#{clienteBean.cliente.email}" size="30" readonly="true" />

						<h:outputLabel value="Endereço de cobrança : " for="endereco" />
						<p:inputText id="endereco" label="Endereco"
							value="#{clienteBean.cliente.email}" size="60" readonly="true" />
					</h:panelGrid>
				</p:panel>

				<br />
				<p:panel id="pnlDadosBancarios">
					<h:panelGrid columns="3">
						<h:outputLabel value="Conta: " for="conta" />
						<h:outputLabel value="Agência : " for="agencia" />
						<h:outputLabel value="Banco : " for="banco" />

						<h:selectOneMenu id="contaselect" value="#{fornecedorBean.conta}" converter="contaConverter">
							<f:selectItem itemLabel="Selecione a conta" itemValue="" />
							<f:selectItems value="#{fornecedorBean.listaConta}" var="conta"
								itemValue="#{conta}" itemLabel="#{conta.numeroConta}-#{conta.digitoConta}" />
							<f:ajax event="change" render="agenciaConta: bancoConta"
								listener="#{fornecedorBean.contaSelecionada}" />
						</h:selectOneMenu>

						<p:inputText id="agenciaConta" label="Agencia"
							value="#{fornecedorBean.agencia}" size="20" readonly="true" />

						<p:inputText id="bancoConta" label="Banco"
							value="#{fornecedorBean.banco}" size="40" readonly="true" />
					</h:panelGrid>
				</p:panel>
				<br />

				<p:panel id="pnlDadosTitulo">
					<h:panelGrid columns="1">
						<h:outputLabel value="Espécie : " for="especie" />
						<p:selectOneMenu value="teste" effect="fade" size="30">
							<f:selectItem itemLabel="Selecione um item" itemValue="" />						
						</p:selectOneMenu>

					</h:panelGrid>
					<h:panelGrid columns="3">
						<h:outputLabel value="Série : " for="serie" />
						<h:outputLabel value="Número : " for="numero" />
						<h:outputLabel value="Parcela : " for="parcela" />

						<p:inputText id="serie" label="Serie"
							value="#{tituloBean.titulo.serie}" />
						<p:inputText id="numero" label="Numero"
							value="#{tituloBean.titulo.numero}" />
						<p:inputText id="parcela" label="Parcela"
							value="#{tituloBean.titulo.parcela}" />

						<h:outputLabel value="Valor do título : " for="valor" />
						<h:outputLabel value="Data de vencimento : " for="data" />
						<h:outputLabel value="Código do título : " for="codigo" />

						<p:inputText id="valor" label="Valor"
							value="#{tituloBean.titulo.valor}" />
						<p:calendar id="data" pages="2"
							value="#{tituloBean.titulo.dtVencimento}" />
						<p:inputText id="codigo" label="Codigo"
							value="#{clienteBean.cliente.email}" />

					</h:panelGrid>
				</p:panel>

				<br />

				<p:panel id="pnlObs">
					<h:panelGrid>
						<h:outputLabel value="Obs : " for="obs" />
						<p:inputTextarea rows="5" cols="80" />
					</h:panelGrid>
				</p:panel>
				<br />

				<h:panelGroup>
					<h:commandButton value="Salvar" action="#{tituloBean.salvar}"
						style="height: 30px;" />
				</h:panelGroup>
			</h:form>
		</div>
	</ui:define>
</ui:composition>
</html>